<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/page/util/common.jsp"%>
<!DOCTYPE html>
<html ng-app="helloAngular">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script type="text/javascript" src="${ctx}/js/angular.js"></script>
<script type="text/javascript" src="${ctx}/js/test/test.js"></script>
<script type="text/javascript" src="${ctx}/js/semantic/dist/semantic.min.js"></script>
<link rel="stylesheet" type="text/css" href="${ctx}/js/semantic/dist/semantic.min.css">
</head>


<body style="margin: 10px;">
	<div ng-controller="InvoiceCntl">
		<b>Invoice:</b> <br> <br>
		<table>
			<tr>
				<td>Quantity</td>
				<td>Cost</td>
			</tr>
			<tr>
				<td><input type="integer" min="0" ng-model="qty" required></td>
				<td><input type="number" ng-model="cost" required></td>
			</tr>
		</table>
		<hr>
		<b>Total:</b> {{qty * cost | currency}}
		<hr />
		<div class="ui left icon input">
		  <input type="text" placeholder="Search users..." ng-model="search">
		  <i class="users icon"></i>
		</div>
		<table class="ui red table" style="width: 60%">
			<thead>
				<tr>
				<th>用户名</th>
				<th>年龄</th>
				</tr>
			</thead>
			<tr ng-repeat="user in userList | filter: search | orderBy: 'age'">
				<td>{{user.name}}</td>
				<td>{{user.age}}</td>
			</tr>
		</table>
	</div>
	<span draggable>Drag ME</span>


</body>
</html>